<script setup lang="ts">
  import { provide, ref } from 'vue';
  import { NConfigProvider, NMessageProvider } from 'naive-ui';

  const name = ref('yang');
  provide('name', name);
</script>

<template>
  <n-config-provider class="provide" :theme-overrides="{ common: { fontWeightStrong: '600' } }">
    <n-message-provider>
      <router-view class="main-container" />
    </n-message-provider>
  </n-config-provider>
</template>
<style lang="scss" scoped>
  .provide {
    height: 100%;
    width: 100%;
  }
  .main-container {
    height: 100%;
    width: 100%;
    display: flex;
  }
</style>
